<template>
       <div class="left">
             <ul>
                 <li>
                     <router-link to="/news">新闻</router-link>
                 </li>
                 <li>
                     <router-link to="/list">列表</router-link>
                 </li>
                 <li>
                     <router-link to="/home">首页</router-link>
                 </li>
                 <li>
                     <router-link to="/play">娱乐</router-link>
                 </li>
                 <li>
                     <router-link to="/login">登录</router-link>
                 </li>
             </ul>

         </div>
</template>

<script>
export default {

}
</script>

<style scoped>


.left {
    width: 200px;
    height: 500px;
     background-color: #666;
     border-top: 1px solid #fff;
     



}

.left li {
    font-size: 18px;
    border-bottom: 1px solid #fff;
     display: flex;
  
    align-items:center;

}

.left li a {
    text-decoration: none;
    color: #fff;
}
</style>